<div class="menu">
    <button class="btn" (click)="rotate(-90)" title="i18n:assets.editor.rotateLeft" type="button">
        <i class="icon-rotate_left"></i>
    </button>
    <button class="btn" (click)="rotate(90)" title="i18n:assets.editor.rotateRight" type="button">
        <i class="icon-rotate_right"></i>
    </button>
    <span class="separator"></span>
    <button class="btn" (click)="flip(false)" title="i18n:assets.editor.flipVertically" type="button">
        <i class="icon-flip"></i>
    </button>
    <button class="btn rotate 90" (click)="flip(true)" title="i18n:assets.editor.flipHorizontally" type="button">
        <i class="icon-flip"></i>
    </button>
    <span class="separator"></span>
    <button class="btn" (click)="reset()" title="i18n:common.reset" type="button">
        <i class="icon-close"></i>
    </button>
</div>

<div class="editor"><canvas #editor></canvas></div>
